@import "../../styles/base";

.product-list-container {
  margin-bottom: 25px;

  .products-container {
    display: flex;
    flex-direction: column;
    justify-content: center;

    .product-item {
      margin-bottom: 16px;
    }
  }
  .bottom-box {
    height: 50px;
    overflow: hidden;
    .loading {
      display: flex;
      justify-content: center;
      align-items: center;
  
      .text {
        margin-left: 5px;
        font-size: 26px;
        color: $font-color-grey;
      }
    }
  
    .empty-tip {
      display: inline-block;
      width: 100%;
      text-align: center;
      font-size: 26px;
      color: $font-color-grey;
    }
  }
}

